/* @font-face{
	font-family:"douyv";
	src: url("../css/fonts/douyuFont-2.otf") format("opentype");
} */
* {
  margin: 0;
  padding: 0;
}

body,
html {
  height: 100%;
  position: relative;
  width: 100%;
}

body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

body::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #304c74;
}

body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: #eeeeee;
}

img {
  display: block;
}

a {
  color: #333;
  text-decoration: none;
}

ul,
ol,
li,
dl,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hamburger {
  display: none;
}

.x-center {
  width: 1140px;
}

.center {
  width: 1300px;
}

.header-box {
  width: 100%;
  background-color: #ffffff;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
  transition: 0.3s;
}

.headerInner {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  -webkit-align-items: center;
  -webkit-justify-content: space-between;
  margin: 0 auto;
  height: 80px;
  width: calc(100% - 50px - 45px);
  padding: 0 50px 0 45px;
}

.headerInner .left {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  height: 100%;
}

.headerInner .left .nav {
  display: flex;
  display: -webkit-flex;
  height: 100%;
  margin-left: 100px;
}

.headerInner .left .nav li>a {
  display: block;
  height: 100%;
  line-height: 80px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  position: relative;
}

.headerInner .left .nav li>a::after {
  display: block;
  content: "";
  width: 0;
  height: 3px;
  background-color: #304c74;
  transition: 0.3s;
  position: absolute;
  left: 0;
  bottom: 0;
}

.headerInner .left .nav li>a:hover::after {
  width: 100%;
}

.headerInner .left .nav li.active>a::after {
  width: 100%;
}

.headerInner .left .nav li:not(:first-of-type) {
  margin-left: 50px;
}
.headerInner .left .nav li .two{
  width: calc(100%);
  background-color: #E4E8EF;
  position: absolute;
  top: 100%;
  left: 0;
  transform: scaleY(0);
  transform-origin: center top;
  opacity: 0;
  transition: 0.5s;
  box-shadow: 0 10px 10px -10px rgb(0 0 0 / 15%);
}
.headerInner .left .nav li.fl .two{
  transform: scaleY(1);
  opacity: 1;
}
/* .headerInner .left .nav li:hover>.two{
  transform: scaleY(1);
  opacity: 1;
} */
.headerInner .left .nav li .two .ct{
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding: 30px 0 10px 0;
}
.headerInner .left .nav li .two .ct .item{
  width: calc((100% - 60px) / 4);
  margin-right: 20px;
  margin-bottom: 20px;
}
.headerInner .left .nav li .two .ct .item:nth-of-type(4n){
  margin-right: 0px;
}
.headerInner .left .nav li .two .ct .item h3{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 16px;
  color: #304C74;
}
.headerInner .left .nav li .two .ct .item .line{
  width: 12px;
  height: 2px;
  background: #304C74;
  margin: 5px 0 10px 0;
}
.headerInner .left .nav li .two .ct .item .txt a{
  display: block;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: 26px;
  position: relative;
  transition: 0.3s;
}
.headerInner .left .nav li .two .ct .item .txt a:hover{
  color: #304C74;
}
.headerInner .left .nav li .two .ct .item .txt a span{
  position: absolute;
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #22AF32;
  width: max-content;
}
.headerInner .right {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}

.headerInner .right form {
  display: flex;
  display: -webkit-flex;
  width: 250px;
  height: 40px;
  background: #f5f5f5;
  margin-right: 45px;
}

.headerInner .right form input {
  width: calc(100% - 41px - 26px);
  height: 100%;
  padding: 0 13px;
  border: none;
  outline: none;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  background-color: #f5f5f5;
}

.headerInner .right form input::placeholder,
.headerInner .right form input::-webkit-input-placeholder {
  color: #cccccc;
}

.headerInner .right form button {
  width: 41px;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  outline: none;
  border: none;
  background-color: #304c74;
}

.headerInner .right form button i {
  font-size: 16px;
  color: #ffffff;
}

.headerInner .right .language {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  position: relative;
}

.headerInner .right .language .wz {
  margin-left: 12px;
  position: relative;
  cursor: pointer;
}

.headerInner .right .language .wz:hover>.flow {
  transform: scaleY(1);
  opacity: 1;
}

.headerInner .right .language .wz .cz {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}

.headerInner .right .language .wz .cz span {
  font-family: Arial;
  font-size: 16px;
  color: #222222;
  font-weight: 400;
}

.headerInner .right .language .wz .cz i {
  font-size: 16px;
  color: #222222;
  margin-left: 9px;
}

.headerInner .right .language .wz .flow {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  transition: 0.3s;
  transform: scaleY(0);
  transform-origin: center top;
  opacity: 0;
  padding-top: 5px;
}

.headerInner .right .language .wz .flow a {
  display: block;
  font-family: Arial;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  transition: 0.3s;
}

.headerInner .right .language .wz .flow a:hover {
  color: #304c74;
}

.mySwiper {
  width: 100%;
  height: calc(770px);
  margin-top: 80px;
  overflow: hidden;
}

.mySwiper .ct {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*width: 1520px;*/
}

.mySwiper .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mySwiper .ct .left {
  width: 504px;
}
.mySwiper .ct .right {
  width: calc(100% - 504px - 100px);
}
.mySwiper .ct .right img{
  width: 100%;
}
.mySwiper .ct .left h4 {
  font-family: Source Han Sans CN;
  font-weight: 300;
  font-size: 30px;
  color: #304c74;
}

.mySwiper .ct .left h3 {
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 48px;
  color: #304c74;
}

.mySwiper .ct .left .line {
  width: 33px;
  height: 5px;
  background: #304c74;
  margin: 20px 0 25px 0;
}

.mySwiper .ct .left h6 {
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 24px;
}

.pb-more {
  width: 150px;
  border: 1px solid #304C74;
  height: 40px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  position: relative;
  transition: 0.3s;
  z-index: 1;
}

.pb-more span {
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #304C74;
  transition: 0.3s;
}

.pb-more i {
  font-size: 16px;
  color: #304C74;
  margin-left: 9px;
  transition: 0.3s;
}

.pb-more::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: #304C74;
  transition: 0.3s;
  width: 0;
  height: 100%;
  z-index: -1;
}

.pb-more:hover::before,
.pb-more.active::before {
  width: 100%;
}

.pb-more:hover>span,
.pb-more.active>span {
  color: #ffffff;
}

.pb-more:hover>i,
.pb-more.active>i {
  color: #ffffff;
}

.mySwiper .pb-more {
  margin-top: 60px;
}

.mySwiper .swiper-pagination {
  bottom: 165px;
}

.mySwiper .swiper-pagination-bullet {
  width: 60px;
  height: 4px;
  background: #BFBFBF;
  opacity: 1;
  border-radius: 0;
}

.mySwiper .swiper-pagination-bullet-active {
  width: 100px;
  background-color: #304C74;
}
.i1-box{
  width: 100%;
}
.i1Inner{
  margin: 0 auto;
  transform: translateY(-108px);
  position: relative;
  z-index: 9;
}
.i1Inner .top{
  display: flex;
  display: -webkit-flex;
  height: 412px;
}
.i1Inner .top .left{
  width: calc(860px - 80px);
  height: calc(100% - 58px);
  padding: 29px 40px;
  margin-right: 25px;
  background-color: #ffffff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.i1Inner .top .left .wz{
  width: calc(100% - 350px - 60px);
}
.i1Inner .top .left .wz h3{
  font-family: Source Han Sans CN;
  font-size: 36px;
  color: #304C74;
  font-weight: 800;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.i1Inner .top .left .wz h6{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  /* line-height: 24px; */
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin: 30px 0 80px 0;
}
.i1Inner .top .left .img-box{
  width: 350px;
  height: 100%;
  overflow: hidden;
}
.i1Inner .top .left .img-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: 0.5s;
}
.i1Inner .top .left:hover>.img-box img{
  transform: scale(1.05);
}
.i1Inner .top .right{
  width: calc(100% - 860px - 25px);
  height: calc(100%);
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.i1Inner .top .right .item{
  background-color: #ffffff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
  height: calc((100% - 25px) / 2 - 33px - 27px);
  width: calc(100% - 60px);
  padding: 33px 30px 27px 30px;
}
.i1Inner .top .right .item .wz{
  width: calc(100% - 144px - 20px);
}
.i1Inner .top .right .item .wz h3{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 18px;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.i1Inner .top .right .item .wz h6{
  font-family: Source Han Sans CN;
  font-size: 14px;
  color: #555555;
  /* line-height: 18px; */
  font-weight: 400;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin: 10px 0 17px 0;
}
.i1Inner .top .right .item .img-box{
  width: 144px;
  height: 100%;
  overflow: hidden;
}
.i1Inner .top .right .item .img-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: 0.5s;
}
.i1Inner .top .right .item:hover>.img-box img{
  transform: scale(1.1);
}
.i1Inner .top .right .item .pb-more{
  width: 101px;
  height: 27px;
}
.i1Inner .top .right .item .pb-more span{
  font-size: 12px;
}
.i1Inner .top .right .item .pb-more i{
  font-size: 14px;
}
.i1Inner .bottom{
  margin-top: 80px;
}
.pb-h3{
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 32px;
  color: #222222;
  text-align: center;
}
.pb-h3.active{
  text-align: left;
}
.pro-list{
  margin-top: 39px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.pro-list li{
  width: calc((100% - 96px) / 4);
  height: 280px;
  background-color: #ffffff;
  margin-right: 32px;
  margin-bottom: 32px;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
  transition: 0.3s;
}
.pro-list li:hover{
  transform: translateY(-15px);
}
.pro-list li:hover>a .img-box img{
  transform: scale(1.06);
}
.pro-list li:hover>a p{
  color: #304C74;
}
.pro-list li:nth-of-type(4n){
  margin-right: 0;
}
.pro-list li a{
  display: block;
  width: 100%;
  height: calc(100% - 15px);
  padding-top: 15px;
}
.pro-list li a .img-box{
  width: 100%;
  height: calc(100% - 50px);
  overflow: hidden;
}
.pro-list li a .img-box img{
  margin: 0 auto;
  max-width: 90%;
  max-height: 95%;
  object-fit: contain;
  transition: 0.5s;
}
.pro-list li a p{
  text-align: center;
  font-family: Source Han Sans CN;
  font-size: 18px;
  color: #222222;
  font-weight: 400;
  width: 90%;
  margin: 0 auto;
  transition: 0.3s;
}
.i2-box .cpdz{
  width: 100%;
  height: 400px;
  background: url('../images/i2-1.png') no-repeat center / cover;
  position: relative;
}
.i2-box .cpdz .inner .box .img-box:hover>img{
  transform: scale(1.05);
}
.i2-box .cpdz .inner{
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
}
.i2-box .cpdz .inner .pb-h3{
  color: #ffffff;
}
.i2-box .cpdz .inner .box{
  margin-top: 45px;
  background-color: #ffffff;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: calc(100% - 74px);
  padding: 37px;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.i2-box .cpdz .inner .box .img-box{
  width: 612px;
  height: 290px;
  overflow: hidden;
}
.i2-box .cpdz .inner .box .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.i2-box .cpdz .inner .box .txt{
  width: calc(100% - 612px - 61px);
  padding-top: 35px;
}
.i2-box .cpdz .inner .box .txt h3{
  font-family: Source Han Sans CN;
  font-size: 30px;
  color: #304C74;
  font-weight: 800;
}
.i2-box .cpdz .inner .box .txt h6{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  margin: 19px 0 50px 0;
}
.i2-box .yycj .inner{
  margin: 0 auto;
  padding: 190px 0 115px 0;
}
.yycj-box{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-top: 35px;
}
.yycj-box .item{
  width: calc((100% - 99px) / 4 - 64px);
  margin-right: 33px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
  padding: 28px 32px 38px 32px;
  transition: 0.3s;
}
.yycj-box .item:hover{
  transform: translateY(-15px);
}
.yycj-box .item:nth-of-type(4n){
  margin-right: 0px;
}
.yycj-box .item img{
  width: 100%;
  height: 150px;
  object-fit: cover;
}
.yycj-box .item h3{
  font-family: Source Han Sans CN;
  font-size: 20px;
  color: #222222;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 30px;
}
.yycj-box .item h6{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 72px;
  margin: 15px 0 60px 0;
}
.yycj-box .item .pb-more{
  width: 100%;
  height: 36px;
}
.i2-box .hzhp{
  width: 100%;
  background-color: #F8F8F8;
}
.i2-box .hzhp .inner{
  padding: 90px 0 75px 0;
  margin: 0 auto;
}
.i2-box .hzhp .inner .hzSwiper{
  width: 100%;
}
.i2-box .hzhp .inner .hzSwiper .swiper-wrapper{
  transition-timing-function: linear !important;
}
.i2-box .hzhp .inner .hzSwiper a{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  width: 100%;
  height: 70px;
}
.i2-box .hzhp .inner .hzSwiper img{
  max-width: 100%;
  max-height: 100%;
}
.i2-box .hzhp .inner .pb-more{
  margin: 69px auto 0;
}
.banner{
  margin-top: 80px;
  width: 100%;
  height: 380px;
  position: relative;
  overflow: hidden;
}
.banner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .ct{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.banner .ct h3{
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 36px;
  color: #304C74;
}
.banner .ct .bt{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin-top: 9px;
}
.banner .ct .bt span{
  width: 50px;
  height: 1px;
  background: #304C74;
}
.banner .ct .bt p{
  font-family: Arial;
  font-weight: 400;
  font-size: 16px;
  color: #304C74;
  margin-left: 9px;
}
.banner .ct.active h3,
.banner .ct.active .bt p{
  color: #FFFFFF;
}
.banner .ct.active .bt span{
  background-color: #FFFFFF;
}
.pb-nav{
  width: 100%;
  overflow: hidden;
}
.pb-nav .ct{
  margin: 0 auto;
  padding: 27px 0 18px 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  border-bottom: 1px solid #EEEEEE;
}
.pb-nav.active .ct{
  border-bottom-color: transparent;
}
.pb-nav .ct a,
.pb-nav .ct span{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #888888;
}
.pb-nav .ct span{
  margin: 0 5px;
}
.pb-nav .ct a:last-of-type{
  color: #222222;
}
.ab1-box{
  width: 100%;
  background: url('../images/ab6.jpg') no-repeat center / cover;
  padding: 59px 0 134px 0;
}
.ab1Inner{
  /* position: relative; */
  margin: 0 auto;
}
.ab1Inner .left{
  width: 100%;
  /* position: absolute;
  top: 50%;
  left: calc((100% - 1140px) / 2);
  transform: translateY(-50%);
  z-index: 1;
  background-color: #FFFFFF;
  width: calc(950px - 120px);
  padding: 40px 120px 60px 0; */

}
.ab1Inner .left h3{
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 30px;
  color: #222222;
}
.ab1Inner .left .line{
  width: 40px;
  height: 2px;
  background: #304C74;
  margin: 10px 0 30px 0;
}
.ab1Inner .left .txt p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  line-height: 24px;
}
.ab1Inner .left .txt p:not(:first-of-type){
  margin-top: 20px;
}
.ab1Inner .right{
  width: 100%;
  height: auto;
  overflow: hidden;
  /* margin-left: auto; */
  position: relative;
  margin-top: 50px;
}
.ab1Inner .right img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ab1Inner .right .rund{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 64px;
  height: 64px;
  background: #304C74;
  border-radius: 50%;
  border: 3px solid #FFFFFF;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  z-index: 2;
  cursor: pointer;
}
.ab1Inner .right .rund i{
  font-size: 34px;
  color: #FFFFFF;
}
.pb-h6{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  margin-top: 17px;
  text-align: center;
}
.ab1-box .qyfm{
  margin-top: 127px;
}
.ab1-box .qyfm .ct{
  margin: 0 auto;
}
.ab1-box .qyfm .ct .box{
  width: 100%;
  position: relative;
}
.ab1-box .qyfm .ct .box .pb{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 1px solid #BFBFBF;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  transition: 0.3s;
  cursor: pointer;
}
.ab1-box .qyfm .ct .box .pb i{
  font-size: 18px;
  color: #888888;
  transition: 0.3s;
}
.ab1-box .qyfm .ct .box .pb:hover{
  border-color: #304C74;
}
.ab1-box .qyfm .ct .box .pb:hover>i{
  color: #304C74;
}
.ab1-box .qyfm .ct .box .next{
  right: -80px;
}
.ab1-box .qyfm .ct .box .prev{
  left: -80px;
}
.ab1-box .qyfm .ct .fmSwiper{
  margin-top: 55px;
}
.ab1-box .qyfm .ct .fmSwiper a{
  display: block;
  width: 100%;
  height: 283px;
  position: relative;
}
.ab1-box .qyfm .ct .fmSwiper a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ab1-box .qyfm .ct .fmSwiper a p{
  width: 100%;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ab2-box{
  background-color: #FFFFFF;
}
.ab2Inner{
  margin: 0 auto;
  padding: 85px 0;
}
.ab2Inner .hzSwiper{
  margin-top: 100px;
}
.ab2Inner .hzSwiper .swiper-wrapper{
  transition-timing-function: linear !important;
}
/* .ab2Inner .hzSwiper ul{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.ab2Inner .hzSwiper ul li{
  width: calc((100% - 80px) / 5);
  margin-right: 20px;
  margin-bottom: 20px;
  height: 70px;
}
.ab2Inner .hzSwiper ul li:nth-of-type(5n){
  margin-right: 0;
} */
.ab2Inner .hzSwiper a{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  width: 100%;
  height: 65px;
  /*background-color: #F8F8F8;*/
}
.ab2Inner .hzSwiper a img{
  max-width: 100%;
  max-height: 100%;
}
.ab2Inner .hz2Swiper{
  margin-top: 50px;
}
.ab3-box{
  width: 100%;
  background: url('../images/ab11.png') no-repeat center / cover;
}
.ab3Inner{
  padding: 115px 0 155px 0;
  margin: 0 auto;
}  
.ab3Inner .box{
  margin-top: 70px;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.ab3Inner .box .top{
  display: flex;
  display: -webkit-flex;
  width: 100%;
  height: 60px;
  background-color: #FAFAFA;
}
.ab3Inner .box .top a{
  width: calc(100% / 3);
  height: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  border-top: 1px solid transparent;
}
.ab3Inner .box .top a.active{
  border-top-color: #304C74;
  background-color: #FFFFFF;
}
.ab3Inner .box .top a span{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  margin-left: 16px;
}
.ab3Inner .box .sw-box{
  background-color: #FFFFFF;
  padding: 80px 0 85px 0;
}
.ab3Inner .box .sw-box .item:not(:first-of-type){
  display: none;
}
.ab3Inner .box .sw-box .item{
  position: relative;
}
.ab3Inner .box .sw-box .item .pb{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background: #EEEEEE;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  cursor: pointer;
  transition: 0.3s;
}
.ab3Inner .box .sw-box .item .pb i{
  font-size: 18px;
  color: #222222;
  transition: 0.3s;
}
.ab3Inner .box .sw-box .item .pb:hover{
  background-color: #304C74;
}
.ab3Inner .box .sw-box .item .pb:hover>i{
  color: #FFFFFF;
}
.ab3Inner .box .sw-box .item .next{
  right: 50px;
}
.ab3Inner .box .sw-box .item .prev{
  left: 50px;
}
.ab3Inner .box .sw-box .item .pbsw{
  width: 930px;
  margin: 0 auto;
}
.ab3Inner .box .sw-box .item .pbsw a{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  width: 100%;
  height: 265px;
}
.ab3Inner .box .sw-box .item .pbsw a img{
  max-width: 100%;
  max-height: 100%;
}
.diaolog,
.i-diaolog{
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  display: none;
}
.diaolog video{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-height: 90%;
  max-width: 90%;
}
.diaolog img,
.i-diaolog img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-height: 90%;
  max-width: 90%;
}
.diaolog i,
.i-diaolog i{
  font-size: 46px;
  position: absolute;
  top: 3%;
  right: 3%;
  color: #ffffff;
  cursor: pointer;
}
.tips{
  position: fixed;
  /* display: none; */
  right: -80px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  transition: 0.3s;
}
.tips.active{
  right: 20px;
}
.tips.active .lr i:last-of-type{
  display: block;
}
.tips.active .lr i:first-of-type{
  display: none;
}
.tips .lr{
  position: absolute;
  top: 0;
  left: -20px;
  background-color: #304c74;
  cursor: pointer;
  width: 20px;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  border-radius: 5px 0 0 5px;
}
.tips .lr i{
  font-size: 20px;
  color: #FFFFFF;
}
.tips .lr i:last-of-type{
  display: none;
}
.tips ul li{
  width: 80px;
  background: #EEEEEE;
  height: 80px;
  transition: 0.3s;
  position: relative;
}
.tips ul li:not(:first-of-type){
  border-top: 1px solid #ffffff;
}
.tips ul li a{
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.tips ul li a .ib img:last-of-type{
  display: none;
}
.tips ul li a p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  margin-top: 5px;
  text-align: center;
  transition: 0.3s;
}
.tips ul li:hover{
  background-color: #304C74;
  border-color: transparent;
}
.tips ul li:hover>a .ib img:last-of-type{
  display: block;
}
.tips ul li:hover>a .ib img:first-of-type{
  display: none;
}
.tips ul li:hover>a p{
  color: #ffffff;
}
.tips ul li.active{
  background-color: #304C74;
  border-color: transparent;
}
.tips ul li.active>a .ib img:last-of-type{
  display: block;
}
.tips ul li.active>a .ib img:first-of-type{
  display: none;
}
.tips ul li.active>a p{
  color: #ffffff;
}
.tips ul li .fadein{
  position: absolute;
  top: 50%;
  right: 100%;
  z-index: 1;
  padding: 5px;
  background: #304C74;
  transform: scaleX(0) translateY(-50%);
  transform-origin: center right;
  opacity: 0;
  transition: 0.3s;
}
.tips ul li .tip-img{
  width: 100px;
}
.tips ul li .tip-img img{
  width: 100%;
  height: 100%;
}
.tips ul li .tip-phone{
  font-size: 16px;
  color: #FFFFFF;
  font-family: Source Han Sans CN;
  font-weight: 400;
  padding: 10px;
  white-space: nowrap;
}
/* .tips ul li:hover>.fadein{
  transform: scaleX(1) translateY(-50%);
  opacity: 1;
} */
.tips ul li.active>.fadein{
  transform: scaleX(1) translateY(-50%);
  opacity: 1;
}
#backTop{
  display: none;
}
.pd1-1box{
  width: 100%;
}
.pd1-1Inner{
  margin: 0 auto;
  padding: 0px 0 80px 0;
}
.pd1-1Inner .line{
  width: 100%;
  height: 1px;
  background: #EEEEEE;
  margin: 22px 0 16px 0;
}
.pd1-1Inner h5{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 30px;
  color: #222222;
}
.pd1-1Inner h6{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
  margin-top: 30px;
}
.pd1-list{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-top: 30px;
}
.pd1-list li{
  width: calc((100% - 128px) / 3);
  margin-right: 64px;
  margin-bottom: 85px;
  transition: 0.3s;
}
.pd1-list li:hover{
  transform: translateY(-15px)
}
.pd1-list li:nth-of-type(3n){
  margin-right: 0;
}
.pd1-list li a{
  display: block;
}
.pd1-list li a .img-box{
  width: 100%;
  height: 287px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.pd1-list li a .img-box img{
  max-width: 100%;
  max-height: 100%;
}
.pd1-list li a .ct{
  padding-top: 10px;
}
.pd1-list li a .ct h4{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 18px;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.pd1-list li a .ct p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 48px;
  margin-top: 7px;
}
.pd-serch{
  /* overflow: hidden; */
  background-color: #ffffff;
  box-shadow: 0px 6px 30px 0px rgba(4,9,19,0.36);
}
.pd-serch .ct{
  margin: 0 auto;
  padding: 29px 0 36px 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  -webkit-align-items: center;
  -webkit-justify-content: space-between;
}
.pd-serch .ct .left{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.pd-serch .ct .left p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.pd-serch .ct .left form{
  width: calc(660px - 58px);
  padding: 0 29px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #DCDCDC;
  margin-left: 23px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  overflow: hidden;
}
.pd-serch .ct .left form input{
  border: none;
  width: calc(100% - 16px - 7px);
  outline: none;
  height: 100%;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.pd-serch .ct .left form button{
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  height: 100%;
}
.pd-serch .ct .left form button i{
  font-size: 16px;
  color: #304C74;
}
.pd-serch .select{
  width: 200px;
  position: relative;
}
.pd-serch .select .top{
  width: calc(100% - 20px);
  padding: 0 10px;
  height: 38px;
  background: #FFFFFF;
  border-radius: 20px;
  border: 2px solid #304C74;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  cursor: pointer;
}
.pd-serch .select .top i{
  margin-left: 12px;
  font-size: 14px;
  color: #304C74;
}
.pd-serch .select .top span{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #304C74;
  max-width: calc(100% - 14px - 12px);
}
.pd-serch .select .list{
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #FFFFFF;
  width: 100%;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
  display: none;
  z-index: 9;
}
.pd-serch .select .list a{
  display: block;
  width: calc(100% - 14px);
  padding: 5px 7px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #304C74;
  transition: 0.3s;
}
.pd-serch .select .list a:hover{
  background-color: #f5f5f5;
}
.pd2-1box{
  background: url('../images/p2-4.png') no-repeat center / cover;
}
.pd2-1Inner{
 margin: 0 auto;
 padding: 30px 0 65px 0; 
}
.pd2-1Inner h3{
  font-family: Source Han Sans CN;
  font-size: 30px;
  color: #222222;
  font-weight: 400;
}
.pd2-list{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-top: 50px;
}
.pd2-list li{
  width: calc((100% - 60px) / 4);
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  padding: 20px 0 30px 0;
  transition: 0.3s;
  position: relative;
}
.pd2-list li:hover{
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
  transform: translateY(-10px);
}
.pd2-list li:nth-of-type(4n){
  margin-right: 0;
}
.pd2-list li .img-box{
  width: 100%;
  height: 220px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.pd2-list li .img-box img{
  max-width: 100%;
  max-height: 100%;
}
.pd2-list li .ct{
  width: calc(100% - 46px);
  padding: 10px 23px 0 23px;
  position: relative;
}
.pd2-list li .ct .wz{
  margin: 22px 0 58px 0;
}
.pd2-list li .ct h4{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  color: #304C74;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 60px;
}
.pd2-list li .ct .txt:not(:first-of-type){
  margin-top: 20px;
}
.pd2-list li .ct .txt p{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 16px;
  color: #444444;
  line-height: 24px;
}
.pd2-list li .ct .txt span{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 22px;
  margin-top: 5px;
  display: block;
}
.pd2-list li a{
  width: 126px;
  height: 28px;
  border: 1px solid #304C74;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  z-index: 1;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  /*margin: 0 auto;*/
}
.pd2-list li a::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-color: #304C74;
  width: 0;
  height: 100%;
  transition: 0.3s;
  z-index: -1;
}
.pd2-list li a:hover::before{
  width: 100%;
}
.pd2-list li a:hover>span{
  color: #FFFFFF;
}
.pd2-list li a:hover>i{
  color: #FFFFFF;
}
.pd2-list li a span{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 12px;
  color: #304C74;
  transition: 0.3s;
}
.pd2-list li a i{
  font-size: 14px;
  color: #304C74;
  margin-left: 8px;
  transition: 0.3s;
}
.pd2-2box{
  width: 100%;
  background-color: #FFFFFF;
}
.pd2-2Inner{
  padding: 85px 0 50px 0;
  margin: 0 auto;
}
.pd2-2Inner h3{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 30px;
  color: #222222;
  text-align: center;
}
.pd2-3box{
  width: 100%;
  background: url('../images/p2-5.png') no-repeat center / cover;
}
.pd2-3Inner{
  padding: 80px 0;
  margin: 0 auto;
}
.pd2-3Inner h3{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 30px;
  color: #222222;
  text-align: center;
}
.pd2-3Inner ul{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-top: 75px;
}
.pd2-3Inner ul li{
  width: calc((100% - 140px) / 3);
  margin-right: 70px;
  margin-bottom: 38px;
  transition: 0.3s;
}
.pd2-3Inner ul li:nth-of-type(3n){
  margin-right: 0;
}
.pd2-3Inner ul li:hover{
  transform: translateY(-10px);
}
.pd2-3Inner ul li:hover>a .txt h4{
  color: #304C74;
}
.pd2-3Inner ul li a{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.pd2-3Inner ul li a img{
  width: 150px;
  height: 102px;
  object-fit: cover;
}
.pd2-3Inner ul li a .txt{
  width: calc(100% - 150px - 25px);
}
.pd2-3Inner ul li a .txt h4{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 20px;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: 0.3s;
}
.pd2-3Inner ul li a .txt h6{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 7px;
}
.pd2-4box{
  width: 100%;
}
.pd2-4box .top{
  width: 100%;
  background-color: #304C74;
}
.pd2-4box .top .ct{
  margin: 0 auto;
  padding: 23px 0;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 30px;
  color: #FFFFFF;
}
.pd2-4box .pd2-4Inner{
  margin: 0 auto;
  padding: 50px 0 110px 0;
}
.pd2-4box .pd2-4Inner .item:not(:first-of-type){
  margin-top: 28px;
}
.pd2-4box .pd2-4Inner .item .row{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  cursor: pointer;
}
.pd2-4box .pd2-4Inner .item .row i{
  font-size: 14px;
  color: #304C74;
}
.pd2-4box .pd2-4Inner .item .row i:last-of-type{
  display: none;
}
.pd2-4box .pd2-4Inner .item .row span{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  margin-left: 11px;
  width: calc(100% - 14px - 11px);
}
.pd2-4box .pd2-4Inner .item .txt{
  margin-top: 22px;
  display: none;
}
.pd2-4box .pd2-4Inner .item .txt p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 30px;
}
.pd2-4box .pd2-4Inner .item{
  transition: 0.3s;
  border-bottom: 1px solid transparent;
}
.pd2-4box .pd2-4Inner .item.active{
  padding-bottom: 35px;
  border-bottom-color: #AAAAAA;
}
.p3-1box{
  width: 100%;
  background: url('../images/p3-6.jpg') no-repeat center / cover;
  margin-top: 80px;
  overflow: hidden;
}
.p3-1box .pb-nav .ct{
  border-bottom-color: #FFFFFF;
}
.p3-1Inner{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 75px 0 105px 0;
  margin: 0 auto;
}
.p3-1Inner .left{
  width: 550px;
}
.p3-1Inner .left h3{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 36px;
  color: #222222;
}
.p3-1Inner .left h6{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 28px;
  margin-top: 30px;
}
.p3-1Inner .right{
  width: calc(100% - 550px - 70px);
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.p3-1Inner .right .zs{
  width: 420px;
  height: 280px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.p3-1Inner .right .zs img{
  max-width: 100%;
  max-height: 100%;
}
.p3-1Inner .right .qh{
  padding-right: 7px;
  height: 285px;
  overflow-y: auto;
}
.p3-1Inner .right .qh::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.p3-1Inner .right .qh::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #304c74;
}

.p3-1Inner .right .qh::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: #eeeeee;
}
.p3-1Inner .right .qh .img-box{
  width: 84px;
  height: 60px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  cursor: pointer;
}
.p3-1Inner .right .qh .img-box img{
  max-width: 100%;
  max-height: 100%;
}
.p3-1Inner .right .qh .img-box:not(:first-of-type){
  margin-top: 15px;
}
.pro-nav{
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  overflow: hidden;
}
.pro-nav .ct{
  margin: 0 auto;
  height: 50px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
}
.pro-nav .ct a{
  font-family: Source Han Sans CN;
  font-size: 18px;
  color: #304C74;
  font-weight: 400;
  position: relative;
  z-index: 1;
  height: 100%;
  transition: 0.3s;
  line-height: 50px;
}
.pro-nav .ct a::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.3s;
  height: 2px;
  width: 0;
  background-color: #304C74;
  z-index: -1;
}
.pro-nav .ct a:not(:first-of-type){
  margin-left: 50px;
}
.pro-nav .ct a:hover,
.pro-nav .ct a.active{
  color: #222222;
}
.pro-nav .ct a:hover::before,
.pro-nav .ct a.active::before{
  width: 100%;
}
.p3-2box{
  width: 100%;
  background: url('../images/p3-13.jpg') no-repeat center / cover;
}
.p3-2Inner{
  margin: 0 auto;
  padding: 100px 0 135px 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.p3-2Inner .img-box{
  width: 650px;
  height: 380px;
}
.p3-2Inner .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p3-2Inner .right{
  width: calc(100% - 650px - 150px);
  padding-top: 10px;
}
.p3-2Inner .right h3{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 36px;
  color: #222222;
}
.p3-2Inner .right .txt{
  margin-top: 39px;
}
.p3-2Inner .right .txt .row{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.p3-2Inner .right .txt .row:not(:first-of-type){
  margin-top: 20px;
}
.p3-2Inner .right .txt .row p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  margin-left: 19px;
}
.p3-3box{
  width: 100%;
  background: url('../images/p3-16.png') no-repeat center / cover;
}
.p3-3Inner{
  margin: 0 auto;
  padding: 130px 0 150px 0;
}
.p3-3Inner h3{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 36px;
  color: #222222;
  text-align: center;
}
.p3-3Inner .box{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  margin-top: 120px;
}
.p3-3Inner .box .item{
  width: calc((100% - 50px) / 2);
  margin-right: 50px;
  margin-bottom: 50px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.p3-3Inner .box .item img{
  max-width: 100%;
  max-height: 100%;
}
.p3-3Inner .box .item:nth-of-type(2n){
  margin-right: 0;
}
.p3-4box{
  width: 100%;
  background: url('../images/p3-18.jpg') no-repeat center / cover;
}
.p3-4Inner{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  -webkit-align-items: center;
  -webkit-justify-content: space-between;
  margin: 0 auto;
  padding: 100px 0;
}
.p3-4Inner:not(:first-of-type){
    padding-top: 0px;
}
.p3-4Inner .left{
  width: 500px;
}
.p3-4Inner .left h3{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 36px;
  color: #222222;
}
.p3-4Inner .left h6{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 28px;
  margin: 50px 0 75px 0;
}
.p3-4Inner .right{
  width: 600px;
  height: 400px;
}
.p3-4Inner .right img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p3-5box{
  width: 100%;
  width: 100%;
  background: url('../images/p3-21.png') no-repeat center / cover;
}
.p3-5Inner{
  margin: 0 auto;
  padding: 100px 0 80px 0;
}
.p3-5Inner h3{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 36px;
  color: #222222;
  text-align: center;
}
.p3-5Inner .box{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-top: 64px;
}
.p3-5Inner .box .item{
  width: calc((100% - 40px) / 2);
  margin-right: 40px;
  margin-bottom: 40px;
}
.p3-5Inner .box .item:nth-of-type(2n){
  margin-right: 0;
}
.p3-5Inner .box .item .ib{
  width: 100%;
  height: 360px;
  background: #FFFFFF;
  box-shadow: 0px 5px 20px 0px rgba(17,17,17,0.15);
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.p3-5Inner .box .item .ib img{
  max-width: 100%;
  max-height: 100%;
}
.p3-5Inner .box .item .ct{
  padding-top: 25px;
}
.p3-5Inner .box .item .ct h4{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 18px;
  color: #222222;
  text-align: center;
}
.p3-5Inner .box .item .ct p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  text-align: center;
  margin-top: 5px;
}
.p4-1box{
  width: 100%;
  background: url('../images/p4-6.jpg') no-repeat center / cover;
}
.p4-1Inner{
  padding: 50px 0 120px 0;
  margin: 0 auto;
}
.p4-list{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.p4-list li{
  width: calc((100%  - 100px) / 3);
  height: 470px;
  margin-right: 50px;
  margin-bottom: 50px;
  background: #FFFFFF;
  box-shadow: 0px 5px 20px 0px rgba(17,17,17,0.15);
  transition: 0.3s;
}
.p4-list li:hover{
  transform: translateY(-15px);
}
.p4-list li:nth-of-type(3n){
  margin-right: 0;
}
.p4-list li a{
  display: block;
  width: calc(100% - 74px);
  padding: 15px 37px 0 37px;
}
.p4-list li a .img-box{
  height: 210px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  border-bottom: 1px solid #F2EDF3;
}
.p4-list li a .img-box img{
  max-width: 100%;
  max-height: 90%;
}
.p4-list li a .ct{
  margin-top: 25px;
}
.p4-list li a .ct .wz h4{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 18px;
  color: #222222;
}
.p4-list li a .ct .wz p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  margin-top: 5px;
}
.p4-list li a .ct .bwz{
  margin-top: 20px;
}
.p4-list li a .ct .bwz p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  line-height: 24px;
}
.p4-list li a .ct .bwz p span{
  color: #304C74;
}
.p5-1box{
  width: 100%;
}
.p5-1Inner{
  margin: 0 auto;
  padding: 80px 0 100px 0;
}
.p5-1Inner .p-d:not(:first-of-type){
  margin-top: 70px;
}
.p5-1Inner .p-d h3{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 36px;
  color: #222222;
  text-align: center;
}
.p5-1Inner .p-d .box{
  margin-top: 50px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.p5-1Inner .p-d .box .item{
  /* width: calc((100% - 40px) / 2 - 110px); */
  width: calc(100% - 110px);
  /* margin-right: 40px; */
  margin-bottom: 40px;
  background: #FFFFFF;
  box-shadow: 0px 5px 20px 0px rgba(17,17,17,0.15);
  padding: 60px 55px 40px 55px;
}
.p5-1Inner .p-d .box .item img{
  width: 100%;
}
.p5-1Inner .p-d .box .item .app{
  display: none;
}
/*.p5-1Inner .p-d .box .item:nth-of-type(2n){*/
/*  margin-right: 0;*/
/*}*/
.p5-1Inner .p-d .box .item h3{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 48px;
  color: #222222;
  text-align: center;
}
.p5-1Inner .p-d .box .item .pc,
.p5-1Inner .p-d .box .item .app{
  max-width: 100%;
  overflow-x: auto;
}
.p5-1Inner .p-d .box .item .line{
  width: 100%;
  height: 1px;
  background: #BFBFBF;
  margin-top: 38px;
}
.p5-1Inner .p-d .box .item table{
  width: 100%;
  border-collapse: collapse
}
.p5-1Inner .p-d .box .item table tr:not(:first-of-type){
  border-top: 1px solid #F5F5F5;
}
.p5-1Inner .p-d .box .item table tr td{
  padding: 38px 0;
}
.p5-1Inner .p-d .box .item table tr td p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #C0C0C0;
}
.p5-1Inner .p-d .box .item table tr td h4{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 24px;
  color: #555555;
  margin-top: 5px;
}
.p5-1Inner .ct{
  margin-top: 140px;
}
.p5-1Inner .ct table{
  border-collapse: collapse;
  width: 100%;
}
.p5-1Inner .ct table:not(:first-of-type){
 margin-top: 50px;
}
.p5-1Inner .ct table p,
.p5-1Inner .ct table span{
  font-family: Source Han Sans CN !important;
}
.p5-1Inner .ct table td{
  padding: 0 7px;
}
.p5-1Inner .ct>img{
  max-width: 100%;
  margin: 0 auto
}

.p5-1Inner .ct img{
  margin-bottom: 100px;
}
/* .p5-1Inner .ct .ib{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
} */
.p5-1Inner .ct .ib img{
  /* max-width: calc((100% - 40px) / 2); */
  width: 100%;
}
.p6-1box{
  width: 100%;
}
.p6-1Inner{
  padding: 10px 0 95px 0;
  margin: 0 auto;
}
.p6-list{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.p6-list li{
  width: calc(100% / 2);
  border-bottom: 1px solid #EEEEEE;
  padding: 34px 0;
  transition: 0.3s;
}
.p6-list li:hover{
  transform: translateX(-15px);
}
.p6-list li{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  -webkit-align-items: center;
  -webkit-justify-content: space-between;
}
.p6-list li .img-box{
  width: 200px;
  height: 120px;
  position: relative;
}
.p6-list li .img-box .rund{
  width: 60px;
  height: 60px;
  background: #304C74;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.p6-list li .img-box .rund i{
  font-size: 20px;
  color: #FFFFFF;
}
.p6-list li .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p6-list li a{
  width: calc(100% - 200px - 34px - 50px);
  padding-right: 50px;
}
.p6-list li a h3{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #304C74;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.p6-list li a p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  margin-top: 26px;
}
.p7-1box{
  margin-top: 80px;
}
.p7-1Inner{
  margin: 0 auto;
  padding-bottom: 100px;
}
.p7-1Inner .box{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 30px;
}
.p7-1Inner .box .left{
  width: 710px;
  height: 440px;
  position: relative;
}
.p7-1Inner .box .left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p7-1Inner .box .left .pb-rund{
  width: 111px;
  height: 111px;
  border-radius: 50%;
  background: #304C74;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  cursor: pointer;
}
.p7-1Inner .box .left .pb-rund i{
  font-size: 46px;
  color: #FFFFFF;
}
.p7-1Inner .box .right{
  width: calc(100% - 710px - 65px);
  padding-top: 15px;
}
.p7-1Inner .box .right h3{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 36px;
  color: #222222;
}
.p7-1Inner .box .right h6{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 30px;
  margin: 20px 0;
}
.p7-1Inner .box .right p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  line-height: 30px;
}
.p7-list{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-top: 140px;
}
.p7-list li{
  width: calc((100% - 70px) / 3);
  margin-right: 35px;
  margin-bottom: 45px;
  transition: 0.3s;
}
.p7-list li:hover{
  transform: translateY(-15px);
}
.p7-list li:nth-of-type(3n){
  margin-right: 0;
}
.p7-list li .img-box{
  width: 100%;
  height: 250px;
  position: relative;
}
.p7-list li .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p7-list li .img-box .pb-rund{
  width: 80px;
  height: 80px;
  background: #304C74;
  border-radius: 50%;
  font-size: 36px;
  color: #FFFFFF;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  cursor: pointer;
}
.p7-list li .txt h5{
  font-family: Source Han Sans CN;
  font-size: 20px;
  color: #222222;
  font-weight: 400;
  margin: 20px 0 22px 0;
}
.p7-list li .txt h6{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.p8-1box{
  width: 100%;
}
.p8-1Inner{
  padding: 50px 0 110px 0;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.p8-1Inner .slide{
  width: 200px;
}
.p8-1Inner .slide h3{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #222222;
}
.p8-1Inner .slide ul{
  margin-top: 15px;
}
.p8-1Inner .slide ul li>a{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: calc(100% - 30px);
  padding: 10px 15px;
  transition: 0.3s;
}
.p8-1Inner .slide ul li.active>a{
  background-color: #F5F5F5;
}
.p8-1Inner .slide ul li>a:hover{
  background-color: #F5F5F5;
}
.p8-1Inner .slide ul li.active>a i{
  transform: rotate(90deg);
}
.p8-1Inner .slide ul li>a span{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 14px;
  color: #222222;
  width: calc(100% - 30px);
}
.p8-1Inner .slide ul li>a i{
  font-size: 14px;
  color: #222222;
  transition: 0.3s;
}
.p8-1Inner .slide ul li .two{
  display: none;
}
.p8-1Inner .slide ul li .two a{
  display: block;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #304C74;
  width: calc(100% - 40px);
  padding: 10px 20px;
  background-color: #F5F5F5;
}
.p8-1Inner .right{
  width: calc(100% - 200px - 40px);
}
.p8-list .top{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  width: calc(100% - 14px - 45px);
  padding: 16px 45px 16px 14px;
  background-color: #758491;
}
.p8-list .top div{
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
}
.p8-list .item1{
  width: 30%;
}
.p8-list .item2{
  width: 40%;
}
.p8-list li{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  width: calc(100% - 14px - 45px);
  padding: 16px 45px 16px 14px;
}
.p8-list li:nth-of-type(odd){
  background-color: #F8F8F8;
}
.p8-list li .name{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.p8-list li .name p{
  width: calc(100% - 25px);
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #304C74;
}
.p8-list li .jj{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}
.p8-list li .time{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #304C74;
}
.p8-list li .download a{
  display: block;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #304C74;
}
.s1-1box{
  width: 100%;
}
.s1-1Inner{
  margin: 0 auto;
  padding: 15px 0 160px 0;
}
.s1-1Inner .line{
  width: 100%;
  height: 1px;
  background-color: #EEEEEE;
  margin: 20px 0 17px 0;
}
.s1-1Inner h4{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 30px;
  color: #222222;
}
.s1-1Inner h6{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
  margin-top: 30px;
}
.s1-list{
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-top: 68px;
}
.s1-list li{
  width: calc((100% - 40px) / 2);
  margin-right: 40px;
  margin-bottom: 40px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(34,34,34,0.15);
  transition: 0.3s;
}
.s1-list li:hover{
  transform: translateY(-15px);
}
.s1-list li:nth-of-type(2n){
  margin-right: 0;
}
.s1-list li a{
  width: 100%;
}
.s1-list li a img{
  width: 100%;
  height: 370px;
  object-fit: contain;
}
.s1-list li a .ct{
  width: calc(100% - 80px);
  padding: 23px 40px 40px 40px;
}
.s1-list li a .ct h4{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 20px;
  color: #222222;
}
.s1-list li a .ct p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  margin-top: 10px;
}
.s2-1box{
  width: 100%;
}
.s2-1Inner{
  margin: 0 auto;
  padding: 70px 0 150px 0;
}
.s2-1Inner>h3{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 30px;
  color: #222222;
}
.s2-1Inner .ct{
  font-family: Source Han Sans CN !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #222222 !important;
  line-height: 24px !important;
  margin-top: 40px;
}
.s2-1Inner .ct p:not(:first-of-type){
  margin-top: 30px;
}
.s2-1Inner .ct img{
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  margin-top: 30px;
}
.app-1box{
  width: 100%;
}
.app-1Inner{
  margin: 0 auto;
  padding: 25px 0 150px 0;
}
.app-1Inner .line{
  width: 100%;
  height: 1px;
  background-color: #EEEEEE;
  margin: 22px 0 17px 0;
}
.app-1Inner h4{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 30px;
  color: #222222;
}
.app-1Inner h6{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
  margin-top: 30px;
}
.app-1Inner .yycj-box{
  margin-top: 70px;
}
.app-1Inner .yycj-box .item{
  width: calc((100% - 90px) / 3 - 64px);
  margin-right: 45px;
  margin-bottom: 50px;
}
.app-1Inner .yycj-box .item:nth-of-type(4n){
  margin-right: 45px;
}
.app-1Inner .yycj-box .item:nth-of-type(3n){
  margin-right: 0px;
}
.app-1Inner .yycj-box .item img{
  height: 180px;
}
.pc-1box{
  padding: 60px 0 140px 0;
}
.pc-1box .item .ct{
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 65px 0 85px 0;
}
.pc-1box .item .img-box{
  width: 590px;
  height: 400px;
}
.pc-1box .item .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pc-1box .item .right{
  width: calc(100% - 590px - 40px);
}
.pc-1box .item .right h3{
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 36px;
  color: #304C74;
}
.pc-1box .item .right h4{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 30px;
  color: #222222;
  margin: 15px 0 25px 0;
}
.pc-1box .item .right .txt p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 28px;
}
.pc-1box .item:nth-of-type(even){
  background-color: #F5F5F5;
}
.pc-1box .item:nth-of-type(even) .ct{
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.pc-1box .item .right .pb-more{
  margin-top: 60px;
}
.con1-box{
  width: 100%;
}
.con1-Inner{
  margin: 0 auto;
  padding: 50px 0 120px 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  -webkit-align-items: center;
  -webkit-justify-content: space-between;
}
.con1-Inner .left{
  width: calc(100% - 700px - 40px);
}
.con1-Inner .left h5{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 24px;
  color: #222222;
  margin: 28px 0 80px 0;
}
.con1-Inner .left .txt p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 36px;
}
.con1-Inner .map-box{
  width: 700px;
  height: 400px;
}
#map{
  width: 100%;
  height: 100%;
}
#map .amap-logo{
  display: none;
  opacity: 0 !important;
}
#map .amap-copyright{
  display: none !important;
}
.con2-box{
  width: 100%;
  background-color: #304C74;
  overflow: hidden;
}
.con2-Inner{
  padding: 110px 0 115px 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  -webkit-align-items: center;
  -webkit-justify-content: space-between;
  margin: 0 auto;
}
.con2-Inner .pb-h3{
  color: #FFFFFF;
  max-width: calc(100% - 700px - 20px);
}
.con2-Inner form{
  width: 700px;
}
.con2-Inner form .row{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.con2-Inner form input{
  width: calc((100% - 20px) / 2);
  height: 60px;
  outline: unset;
  border: none;
  background-color: #406396;
  text-indent: 35px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 22px;
  color: #FFFFFF;
  margin-bottom: 23px;
}
.con2-Inner form input::placeholder,
.con2-Inner form textarea::placeholder{
  color: #FFFFFF;
}
.con2-Inner form input::-webkit-input-placeholder,
.con2-Inner form textarea::-webkit-input-placeholder{
  color: #FFFFFF;
}
.con2-Inner form textarea{
  width: 100%;
  height: 80px;
  outline: unset;
  border: none;
  background-color: #406396;
  text-indent: 35px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 22px;
  color: #FFFFFF;
  margin-bottom: 23px;
  padding-top: 10px;
  resize: none;
}
.con2-Inner form button{
  width: 100%;
  height: 60px;
  border: none;
  outline: unset;
  background-color: #FFFFFF;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 20px;
  color: #304C74;
}
.con2-Inner form a{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  margin-top: 23px;
  display: block;
}
/* 分页 */
.page {
  width: 100%;
  margin-top: 55px;
}
.page .el-pagination {
  text-align: center;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0px;
}
.page .el-pagination .btn-prev {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  margin-right: 5px;
  padding: 0;
  background: #ffffff;
  border: 1px solid #D2D2D2;
}
.page .el-pagination .btn-next {
  padding: 0;
  width: 40px;
  background: #ffffff;
  border: 1px solid #D2D2D2;
  height: 40px;
  border-radius: 6px;
}
.page .el-pager li {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #ffffff;
  border: 1px solid #D2D2D2 !important;
  margin-right: 5px;
  padding: 0px;
  border-radius: 6px;
}
.page .el-pager li.active {
  background-color: #304C74;
  color: #ffffff;
}
.page .el-pagination .el-pager li:hover {
  color: #FFFFFF !important;
  background-color: #304C74;
}
.page .el-pagination .el-pager .btn-quicknext:hover {
  color: #304C74;
}
.f-box{
  width: 100%;
}
.f-box .top{
  background-color: #0D141B;
}
.f-box .top .fInner{
  margin: 0 auto;
  padding: 40px 0 120px 0;
}
.f-box .top .fInner .link{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  padding-bottom: 35px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.f-box .top .fInner .link a,
.f-box .top .fInner .link span{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
.f-box .top .fInner .link a:first-of-type{
  color: #304C74;
}
.f-box .top .fInner .link span{
  margin: 0 5px;
}
.f-box .top .mide{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 59px;
}
.f-box .top .mide .left{
  width: 403px;
}
.f-box .top .mide .left h6{
  font-family: Source Han Sans CN;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  font-weight: 400;
  margin: 45px 0 55px 0;
}
.f-box .top .mide .left .more{
  width: 150px;
  height: 40px;
  border: 1px solid #304C74;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #304C74;
  line-height: 40px;
  text-align: center;
  position: relative;
  z-index: 1;
  transition: 0.3s;
  display: block;
}
.f-box .top .mide .left .more::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #304C74;
  transition: 0.3s;
  z-index: -1;
}
.f-box .top .mide .left .more:hover::before{
  width: 100%;
}
.f-box .top .mide .left .more:hover{
  color: #ffffff;
}
.f-box .top .mide .right{
  width: calc(100% - 403px - 125px);
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.f-box .top .mide .right .item h3{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
}
.f-box .top .mide .right .item .line{
  width: 14px;
  height: 2px;
  background: #0481D0;
  margin: 20px 0;
}
.f-box .top .mide .right .item .txt a{
  display: block;
  font-family: Source Han Sans CN;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 30px;
  font-weight: 400;
}
.f-box .top .mide .right .item img{
  width: 128px;
  height: 128px;
  margin-top: 15px;
}
.f-box .bottom{
  background-color: #04070A;
}
.f-box .bottom .ct{
  margin: 0 auto;
  padding: 30px 0 25px 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.f-box .bottom .ct a,
.f-box .bottom .ct span{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
.f-box .bottom .ct span{
  margin: 0 10px;
}
@media only screen and (max-width:1560px) {
  .mySwiper{
    height: 620px;
  }
  .mySwiper .ct{
    /*width: 1360px;*/
  }
  .mySwiper .swiper-pagination{
    bottom: 120px;
  }
  .i1Inner{
    transform: translateY(-88px);
  }
  .tips{
    right: -60px;
  }
  .tips ul li{
    width: 60px;
    height: 60px;
  }
  .tips ul li a .ib img{
    height: 17px;
  }
  .tips ul li a p{
    font-size: 12px;
  }
}
@media only screen and (max-width:1380px) {
  .center{
    width: 95%;
  }
  .headerInner{
    width: calc(100% - 20px - 30px);
    padding: 0 20px 0 30px;
  }
  .headerInner .left .nav li:not(:first-of-type){
    margin-left: 20px;
  }
  .headerInner .right form{
    width: 200px;
  }
  .headerInner .left .nav{
    margin-left: 30px;
  }
  .mySwiper{
    height: 520px;
  }
  .i1Inner{
    transform: translateY(-50px);
  }
  .mySwiper .swiper-pagination{
    bottom: 80px;
  }
  .mySwiper .ct{
    width: 95%;
  }
  .mySwiper .ct .left{
    width: 440px;
  }
  .mySwiper .ct .right {
    width: calc(100% - 404px - 100px);
  }
  .mySwiper .ct .left h3{
    font-size: 40px;
  }
  .mySwiper .ct .left h4{
    font-size: 26px;
  }
  .i1Inner .top{
    height: 350px;
  }
  .i1Inner .top .left{
    width: calc(760px - 50px);
    padding: 20px 25px;
    height: calc(100% - 40px);
  }
  .i1Inner .top .left .img-box{
    width: 280px;
  }
  .i1Inner .top .left .wz{
    width: calc(100% - 280px - 30px);
  }
  .i1Inner .top .right{
    width: calc(100% - 760px - 25px);
  }
  .i1Inner .top .left .wz h3{
    font-size: 26px;
  }
  .i1Inner .top .right .item{
    height: calc((100% - 25px) / 2 - 20px - 20px);
    width: calc(100% - 40px);
    padding: 20px 20px 20px 20px;
  }
  .i1Inner .top .right .item .wz h3{
    font-size: 16px;
  }
  .i1Inner .top .right .item .wz h6{
    margin: 5px 0 13px 0;
  }
  .i1Inner .top .right .item .wz{
    width: calc(100% - 144px - 10px);
  }
  .pro-list li{
    height: 250px;
  }
  .headerInner .left .nav li .two .ct{
    /* padding: 30px 0 70px 0; */
    width: 90%;
  }
  /* .headerInner .left .nav li .two .ct .item{
    margin-bottom: 20px;
  } */
  .i2-box .cpdz .inner .box .img-box{
    width: 512px;
  }
  .i2-box .cpdz .inner .box .txt{
    width: calc(100% - 512px - 61px);
  }
  .yycj-box .item{
    width: calc((100% - 99px) / 4 - 40px);
    padding: 18px 20px 28px 20px
  }
  .yycj-box .item img{
    height: 120px;
  }
  .f-box .top .mide .left{
    width: 500px;
  }
  .f-box .top .mide .left h6{
    font-size: 14px;
  }
  .f-box .top .mide .right{
    width: calc(100% - 500px - 100px);
  }
  .f-box .top .mide .right .item .txt a{
    font-size: 14px;
    line-height: 28px;
  }
  .f-box .top .mide .right .item h3{
    font-size: 16px;
  }
  .f-box .top .mide .right .item:last-of-type{
    max-width: 300px;
  }
  .f-box .bottom .ct a, .f-box .bottom .ct span{
    font-size: 14px;
  }
  .f-box .top .fInner .link a, .f-box .top .fInner .link span{
    font-size: 14px;
  }
  .f-box .top .fInner{
    padding: 30px 0 70px 0;
  }
  .yycj-box .item h6{
    font-size: 14px;
    line-height: 22px;
    height: 66px;
  }
}
@media only screen and (max-width:1280px) {
  .x-center{
    width: 1000px;
  }
  .i1Inner .top .left{
    width: calc(700px - 50px);
  }
  .i1Inner .top .right{
    width: calc(100% - 700px - 25px);
  }
  .con1-Inner .left{
    width: calc(100% - 600px - 40px);
  }
  .con1-Inner .map-box{
    width: 600px;
    height: 380px;
  }
  .con1-Inner .left h5{
    margin: 20px 0 70px 0;
  }
  .con2-Inner .pb-h3{
    max-width: calc(100% - 600px - 20px);
  }
  .con2-Inner form{
    width: 600px;
  }
  .app-1Inner .yycj-box .item img{
    height: 150px;
  }
  /*.ab1Inner .right{*/
  /*  width: 800px;*/
  /*  height: 750px;*/
  /*}*/
  /*.ab1Inner .left{*/
  /*  left: calc((100% - 1000px) / 2);*/
  /*  width: calc(700px - 60px);*/
  /*  padding: 30px 60px 30px 0;*/
  /*}*/
  .ab1-box .qyfm .ct .fmSwiper a{
    height: 230px;
  }
  .ab1-box .qyfm .ct .box .pb{
    width: 30px;
    height: 30px;
  }
  .ab1-box .qyfm .ct .box .prev{
    left: -40px;
  }
  .ab1-box .qyfm .ct .box .next{
    right: -40px;
  }
  .ab3Inner .box .sw-box .item .pbsw{
    width: 880px;
  }
  .ab3Inner .box .sw-box .item .pb{
    width: 30px;
    height: 30px;
  }
  .ab3Inner .box .sw-box .item .prev{
    left: 20px;
  }
  .ab3Inner .box .sw-box .item .next{
    right: 20px;
  }
  .ab3Inner .box .sw-box .item .pbsw a{
    height: 230px;
  }
  .pd1-list li a .img-box{
    height: 230px;
  }
  .pd2-list li .img-box{
    height: 170px;
  }
  .pd2-list li .ct{
    width: calc(100% - 30px);
    padding: 10px 15px 0 15px;
  }
  .pd2-list li .ct h4{
    font-size: 20px;
  }
  .pd2-list li .ct .wz{
    margin: 15px 0 38px 0;
  }
  .pd2-3Inner ul li{
    margin-right: 40px;
    width: calc((100% - 80px) / 3);
  }
  .pd2-3Inner ul li a .txt{
    width: calc(100% - 150px - 15px);
  }
  .pd-serch .ct .left form{
    width: calc(460px - 58px);
  }
  .p3-1Inner .left{
    width: 450px;
  }
  .p3-1Inner .right{
    width: calc(100% - 450px - 50px);
  }
  .p3-1Inner .right .zs{
    width: 400px;
    height: 270px;
  }
  .p3-2Inner .img-box{
    width: 500px;
    height: 330px;
  }
  .p3-2Inner .right{
    width: calc(100% - 500px - 100px);
  }
  .p3-4Inner .left{
    width: 430px;
  }
  .p3-4Inner .right{
    width: 510px;
    height: 380px;
  }
  .p3-4Inner .left h6{
    margin: 30px 0 55px 0;
  }
  .p4-list li a .img-box{
    height: 170px;
  }
  .p4-list li{
    height: 420px;
  }
  .p6-list li a{
    width: calc(100% - 200px - 20px - 30px);
    padding-right: 30px;
  }
  .p7-1Inner .box .left{
    width: 600px;
    height: 400px;
  }
  .p7-1Inner .box .right{
    width: calc(100% - 600px - 50px);
  }
  .p7-list li .img-box{
    height: 200px;
  }
  .p7-list{
    margin-top: 70px;
  }
  .pc-1box .item .img-box{
    width: 480px;
    height: 330px;
  }
  .pc-1box .item .right{
    width: calc(100% - 480px - 50px);
  }
  .s1-list li a img{
    height: 300px;
  }
  .app-1Inner .yycj-box .item{
    width: calc((100% - 90px) / 3 - 40px);
  }
  .f-box .top .mide .left{
    width: 450px;
  }
  .f-box .top .mide .right{
    width: calc(100% - 450px - 80px);
  }
}
@media only screen and (max-width:1180px) {
  .i1Inner .top .left{
    width: calc(620px - 50px);
  }
  .i1Inner .top .right{
    width: calc(100% - 620px - 25px);
  }
  .f-box .top .mide .left{
    width: 380px;
  }
  .f-box .top .mide .right{
    width: calc(100% - 380px - 50px);
  }
}
@media only screen and (min-width:1960px) {
  .center{
    width: 85%;
  }
  .x-center {
    width: 80%;
  }
}